<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./elementui/vue.min.js"></script>
    <link rel="stylesheet" href="./elementui/index.css">
    <script src="./elementui/index.js"></script>
    <!--    <script src="./node_modules/downloadjs/download.min.js"></script>-->

</head>
<body>
<div id="example-1">
    <el-form label-position="left" label-width="20%" :model="formLabelAlign">
        <el-row>
            <el-col :span="12">
                <el-form-item label="名称">
                    <el-input v-model="formLabelAlign.name"></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="活动区域">
                    <el-input v-model="formLabelAlign.region"></el-input>
                </el-form-item>
            </el-col>
        </el-row>

        <el-row>
            <el-col :span="12">
                <el-form-item label="活动形式">
                    <el-input v-model="formLabelAlign.type"></el-input>
                </el-form-item>
            </el-col>
        </el-row>



    </el-form>
</div>

<script type="module">
    var example1 = new Vue({
        el: '#example-1',
        data: {
            labelPosition: 'left',
            formLabelAlign: {
                name: '',
                region: '',
                type: ''
            }
        },

    })
</script>
</body>
</html>
